import { Button, Input, Form,Notify } from 'react-vant'
import {useNavigate} from 'react-router-dom'
import request from '../../utils/request.jsx'
const Login = () => {
    const [form] = Form.useForm()
    const  navigate = useNavigate()

    const onFinish = async values => {
       let password = await request.get(`/users?password=${values.password}`)
       let username = await request.get(`/users?username=${values.username}`)
       if (password&&username&&password.data.length > 0 &&username.data.length > 0 ) {
        let {data} = username
        sessionStorage.setItem('token',data[0].token)
        sessionStorage.setItem('username',JSON.stringify(data[0]))
        navigate(-1)
       }else {
        Notify.show({ type: 'danger', message: '用户名或密码错误' })
       }
    }
    return (
        <Form
            form={form}
            onFinish={onFinish}
            footer={
            <div style={{ margin: '16px 16px 0' }}>
                <Button round nativeType='submit' type='primary' block>
                提交
                </Button>
            </div>
            }
        >
            <Form.Item
            tooltip={{
                message:
                'A prime is a natural number greater than 1 that has no positive divisors other than 1 and itself.',
            }}
            intro='确保这是唯一的用户名'
            rules={[{ required: true, message: '请填写用户名' }]}
            name='username'
            label='用户名'
            >
            <Input placeholder='请输入用户名' />
            </Form.Item>
            <Form.Item
            rules={[{ required: true, message: '请填写密码' }]}
            name='password'
            label='密码'
            >
            <Input placeholder='请输入密码' />
            </Form.Item>
      </Form>
    )
}
export default Login